import { Meta, Story, Canvas, Props } from "@storybook/blocks";

import { action } from '@storybook/addon-actions';
import { ViewPort, LeftResizable } from "../../";
import { green, description, lorem } from "../Utils";
import { CommonHeader, PropsTable, StandardProps, AnchoredProps, ResizableProps } from "../Utils";
import * as LeftResizableStories from './LeftResizable.stories';

<CommonHeader />

<Meta of={LeftResizableStories} />

## LeftResizable

Anchored resizable space on the left edge of it's parent.

### Specifying a % size

<Canvas of={LeftResizableStories.Default} />

### Specifying a pixel size

<Canvas of={LeftResizableStories.DefaultPx} />

### With resize constraints

<Canvas of={LeftResizableStories.WithResizeConstraints} />

### As a scrollable space

<Canvas of={LeftResizableStories.Scrollable} />

### Properties

< LeftResizableStories.Properties />
